@charset "UTF-8";

/* -------------------------------------------------
 * innerEmail css
 * ------------------------------------------------- */

.e-list{
	padding: 20px 10px;
	display: table;
	border-bottom: 1px dotted $grayColor;
	&:last-child{
		border-bottom: none;
	}
	.e-cel{
		display: table-cell;
		vertical-align: middle;
	}
}

#emails,#email-detail{
	background-color: $white;
	.e-usr-img{
		padding-left: 10px;
		vertical-align: middle;
		.e-img-box{
			display: block;
			border-radius: 50%;
			overflow: hidden;
			width: 88px;
			height: 88px;
		}
		p{
			margin-top: 5px;
			text-align: center;
		}
	}
	.e-overview{
		vertical-align: top;
		padding: 0 10px 0 20px;
		h3{
			font-weight: bold;
			a{
				color: $themeColor;
				&:hover{
					text-decoration: none;
					color: $themeBtnHoverColor;
				}
			}
		}
		p{
			text-indent: 2em;
			text-align:justify;
		    text-justify:distribute-all-lines;/*ie6-8*/
		    text-align-last:justify;/* ie9*/
		}
		.get-more{
			text-align: right;
			font-size: 14px;
			color: $defaultColor;
			span{
				display: inline-block;
				margin-left: 10px;
			}
		}
	}
	.e-ov-panel{
		margin-bottom: 10px;
		padding: 15px;
		@include lightBoxShadow;
		.email-time{
			float: right;
			font-size: 12px;
			color: $defaultColor;
			font-weight: normal;
			margin-top: 6px;
		}
	}
}
#email-detail{
	.e-usr-img{
		vertical-align: top;
		padding-top: 20px;
	}
	.e-ov-re{
		margin-top: 20px;
		border-left: 5px solid $grayColor;
		padding-left: 10px;
	}
}
